@extends('public.base')
@section('body')

    <div class="layui-fluid">
        <div class="layui-row">
            <div class="layui-card">
                <div class="layui-card-header">
                    <div class="layui-breadcrumb" lay-filter="breadcrumb">
                        <a lay-href="">主页</a>
                        <a><cite>订单管理</cite></a>
                        <a><cite>订单添加</cite></a>
                    </div>
                </div>
                <!-- 搜索区/按钮区 -->

                <div class="layui-form layui-card-header layuiadmin-card-header-auto layui-form-pane">
                    <form id="search_form" name="search_form" lay-filter="search-form">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label layui-hide-md">产品名称</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="goods_name" autocomplete="off" class="layui-input"
                                           placeholder="标题,如:产品名称" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label layui-hide-md">产品分类</label>
                                <div class="layui-input-inline" style="width:140px">
                                    <select  name="gc_name">
                                        <option value="">产品分类</option>
                                        @foreach ($gc_list as $k=>$v)
                                        <option value="{{$v->title}}">{{$v->title}}</option>
                                       @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    <button id="search_btn" class="layui-btn layui-btn-normal"><i
                                                class="layui-icon" lay-submit="">&#xe615;</i>搜索
                                    </button>

                                </div>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="layui-card-body">

                    <!-- 表格定义 -->
                    <table class="layui-table" id="main_table"  lay-filter="main_table"></table>
                    <!-- 操作按钮定义 -->
                    <script type="text/html" id="search_table-operate-bar">
                        <div class="layui-btn-group">
                            <button class="layui-btn layui-btn-xs" lay-event="edit">修改</button>
                            <button class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</button>
                        </div>
                    </script>
                    <div class="layui-btn-group test-table-operate-btn" style="margin: 10px; ">
                        <div class="layui-row">
                            <div class="layui-inline" style="margin: 10px; ">
                                <span class="layui-btn layuiadmin-btn-list layui-btn-xs layui-btn-warm" style="line-height: 35px;height: 35px;">合计:<span id="all_money">{{$cart_all_money}}</span>元</span>
                                <button class="layui-btn layuiadmin-btn-list layui-btn-xs" data-type="next_step" style="line-height: 35px;height: 35px;">继续下一步</button>
                            </div>

                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 勿删，这里是显示帮助说明文，会调用系统菜单中的说明文档 -->
    <div id="page_tip"></div>
    <script src="{{ADMIN_PATH}}/lib/jquery-2.1.0.js"></script>
    <script src="{{ADMIN_PATH}}layui/layuiadmin/layui/layui.js?{{time()}}"></script>
    <script src="{{ADMIN_PATH}}js/admin.common.js?{{time()}}"></script>
    <script>
        // ==========================  公共变量区  ===========================================
        var index_url = '{{url('admin/ordersys/order/set_step1')}}';
        var next_url = '{{url('admin/ordersys/order/set_step2')}}';  //下一频
        var add_cart_url = '{{url('admin/ordersys/order/add_cart')}}';
        var clear_cart_url = '{{url('admin/ordersys/order/clear_cart')}}';
        var del_url = '{{url('admin/ordersys/order/del')}}';
        var cart_all_price_url = '{{url('admin/ordersys/order/cart_all_price')}}';
        var cart_update_url='{{url('admin/ordersys/order/update_cart')}}';
        var change_cart_url = '{{url('admin/ordersys/order/change_cart')}}';

        //表格id
        var main_table_id = 'main_table';
        //搜索区的表单form id
        var search_form_id = 'search_form';
        //初始化后的表格对象
        var main_table;
        //购物车ids
        var cart_ids={{$cart_ids}};

        // ==========================  全局函数区  ===========================================

        //默认函数，重载当前页面数据，1、页面初始化 2、配合搜索 3、配合post_data等操作的回调，如：编辑或删除完表格的记录后，刷新当前页面等
        function reload_data(param) {
            //搜索表格
            do_search_table(main_table, search_form_id, param);

        }


        // ==============================  业务处理  ==============================================
        layui.config({
            base: '{{ADMIN_PATH}}layui/layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table'], function(){

            //========================================== layui引用区 ==========================================
            var $ = layui.jquery,
                table = layui.table
                , form = layui.form
                , element = layui.element
            ;

            // ==============================  业务区  =========================================
            //表格默认排序字段
            var table_sort = 'list_order';
            var table_order = 'asc';

            main_table = table.render({
                elem: '#' + main_table_id
                , url: index_url //异步数据接口
                , method: 'post' //接口http请求类型
                //, headers: {token: '123456'} //接口的请求头
                , limit: 200 //每页显示的条数
                , limits: 200//	每页条数的选择项
                , initSort: { //初始化时的排序,如果不设的话，将无法标记表头的排序状态
                    field: table_sort
                    , type: table_order
                }
                , where: {sort: table_sort, order: table_order}
                , loading: true //显示加载
                , text: '查询无数据' //空数据时的异常提示
                , page: true //开启分页
                , cols: [[
                    {type: 'checkbox', fixed: 'left'}
                    ,{title: 'ID', field: 'id', width: 65, sort: true}
                    , {title: '产品名称', field: 'goods_name', width: 280}
                    , {title: '产品类别', field: 'gc_name', width: 280}
                    , {title: '产品价格', field: 'goods_price', width: 90}
                    , {title: '单位', field: 'unit', width: 60}
                    , {
                        title: '数量', field: 'type', width: 120,align:'center'
                        , templet: function (d) {

                            if(typeof d.cart == "undefined" || !d.cart){
                                // 未定义 variable 变量
                                // 或 variable变量 空，0，null...等等
                                // 望采纳
                                var goods_num=1;
                            }else{
                                var goods_num=d.cart.goods_num;
                            }
                            return '<button class="layui-btn layui-btn-primary layui-btn-sm cart_mins" lay-event="cart_mins"  style="height: 25px;line-height: 25px;">-</button><div class="layui-input-inline" style="width: 30px;line-height:25px;height: 25px;">\n' +
                                '                <input type="text" name="price_min" class="price_num price_num_'+d.id+'" lay-event="input_add" onblur="input_add(this,'+d.id+');" placeholder=""  value="'+goods_num+'" autocomplete="off" class="layui-input" style="width: 30px;line-height:25px;height: 25px;">\n' +
                                '              </div><button class="layui-btn layui-btn-primary layui-btn-sm cart_add" lay-event="cart_add"  style="height: 25px;line-height: 25px;">+</button>';

                        }
                    }
                    , {title: '规格', field: 'goods_jingle', width:180}
                    , {title: '产品图片', field: 'goods_image', width: 90, templet: layui_table_pic_1}
                    , {title: '说明', field: 'goods_body', width:200}




                ]]
                , done: function (res, curr, count) {
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    if (res.status != 200) {
                        show_error(res.message);
                    }
                    console.log(res.data);
                    if (count == 0) {
                        layer.msg('暂无相关数据');
                    }
                    //选中数组
                    var ids=cart_ids;

                    for(var i=0;i< res.data.length;i++){
                        for (var j = 0; j < ids.length; j++) {
                            //数据id和要勾选的id相同时checkbox选中
                            if(res.data[i].id == ids[j])
                            {
                                //这里才是真正的有效勾选
                                res.data[i]["LAY_CHECKED"]='true';
                                //找到对应数据改变勾选样式，呈现出选中效果
                                var index= res.data[i]['LAY_TABLE_INDEX'];
                                $('.layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
                                $('.layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
                            }
                        }
                    }
                    //禁用全选功能
                   // $(' .layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
                    $('.layui-table-header th[data-field="0"] input[type="checkbox"]').next().remove();
                }
            });


            // ==============================  监听区  =========================================

            // 表格监听
            table.on('sort()', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                //console.log(obj.field); //当前排序的字段名
                //console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）
                reload_data({sort: {sort: obj.field, order: obj.type}});
            });

            //表格中的所有的switch监听
            form.on('switch()', function (obj) {
                //当前表格行数据
                var json = JSON.parse(decodeURIComponent($(this).data('json')));

                var name = obj.elem.name;
                var value = obj.elem.checked === true ? 1 : 0;

                var o = {};
                //数据库更新的主键
                o['id'] = json.id;
                //获取当前点击的checkbox的input名称和值
                o[name] = value;

                console.log(o);
                layer.confirm('确定改变当前状态吗?', function (index) {
                    //提交数据，1、提交网址 2、提交数据 3、是否关闭本iframe窗口(在弹出iframe时使用)
                    post_data(change_url, o, ''
                        //正确返回时，执行
                        , function () {
                            //
                        }
                        //错误返回或其它错误时，执行
                        , function () {
                            obj.elem.checked = !obj.elem.checked;
                            //重新渲染
                            form.render();
                        });

                    //关闭自身提示框
                    layer.close(index);
                }, function (index) {
                    //按钮【按钮二】的回调
                    obj.elem.checked = !obj.elem.checked;
                    //重新渲染
                    form.render();
                });

            });

            //其他按钮监听
            $("#search_btn").on('click', function () {
                reload_data();
                return false;
            });
            $(".price_num").on("blur",function(){
                alert(1111);
            })
            $(".add").on('click', function () {
                alert("11111");
            });

            $("#add_btn").on('click', function () {
                var index = layer.open({
                    type: 2
                    , title: '新增'
                    , content: add_url
                    , area: ['80%', '580px'] //宽高
                    , maxmin: true
                    , scrollbar: false
                    , end: function (index, layero) {
                        //关闭弹窗后的事件
                    }
                });
                return false;
            });

            //监听单元格编辑
            table.on('edit(main_table)', function (obj) {
                var value = obj.value //得到修改后的值
                    , data = obj.data //得到所在行所有键值
                    , field = obj.field; //得到字段
                var o = {};
                o['id'] = data.id;
                o[field] = value;

                layer.confirm('确定修改吗?', function (index) {
                    //提交数据
                    post_data(edit_url, o, ''
                        //正确返回时，执行
                        , function () {
                            reload_data();
                        }
                        //错误返回或其它错误时，执行
                        , function () {
                        });

                    //关闭自身提示框
                    layer.close(index);
                });
            });

            //工具条监听
            table.on('tool(main_table)', function (obj) {
                var data = obj.data;
                //删除事件
                if (obj.event === 'del') {
                    layer.confirm('确定删除吗?', function (index) {
                        //提交数据
                        var o = {id: data.id};
                        post_data(del_url, o, ''
                            //正确返回时，执行
                            , function () {
                                reload_data();
                            }
                            //错误返回或其它错误时，执行
                            , function () {
                            });

                        //关闭自身提示框
                        layer.close(index);
                    });
                }
                //修改事件
                else if (obj.event === 'edit') {
                    var index = layer.open({
                        type: 2
                        , title: '编辑:' + data.title
                        , content: edit_url + "?id=" + data.id
                        , area: ['80%', '580px'] //宽高
                        , maxmin: true
                        , scrollbar: false
                        , end: function (index, layero) {
                            //关闭弹窗后的事件
                        }
                    });
                }else if(obj.event=='next_step'){
                    var index = layer.open({
                        type: 2
                        , title: '下单:' + data.title
                        , content: next_url
                        , area: ['950px', '580px'] //宽高
                        , maxmin: true
                        , scrollbar: false
                        , end: function (index, layero) {
                            //关闭弹窗后的事件
                        }
                    });

                }
                //购物车加1
                else if (obj.event === 'cart_add') {
                    //直接请求，如果有勾选则在购物车中
                    var mount_count = $(".price_num",$(this).closest("td")).val();
                    if(mount_count==999){
                        return;
                    }
                    console.log(data);
                    mount_count ++;
                    $(".price_num",$(this).closest("td")).val(mount_count.toFixed(1));
                    post_data(cart_update_url, {num:mount_count,goods_id:data.id}, ''
                        //正确返回时，执行
                        , function (data) {
                            $("#all_money").text(data.data);
                            //reload_data();
                        }
                        //错误返回或其它错误时，执行
                        , function () {
                        });
                }
                //购物车减1
                else if (obj.event === 'cart_mins') {
                    var mount_count = $(".price_num",$(this).closest("td")).val();
                    if(mount_count==1){
                        return;
                    }
                    if(mount_count>1){
                        mount_count --;
                        //批发属性
                        $(".price_num",$(this).closest("td")).val(mount_count.toFixed(1));
                    }

                    post_data(cart_update_url, {num:mount_count,goods_id:data.id}, ''
                        //正确返回时，执行
                        , function (data) {
                            $("#all_money").text(data.data);
                        }
                        //错误返回或其它错误时，执行
                        , function () {
                        });

                }
            });


            table.on('cart_add(main_table)', function (obj) {
                alert("3333");
            });

            $('.layui-btn.layuiadmin-btn-list').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
            //===========================外部按钮事件=====================
            var active = {
                next_step: function () {
                    layer.open({
                        type: 2
                        , title: '生成订单'
                        , content: next_url+"?all_price="+$("#all_money").text()
                        , maxmin: true
                        , area: ['950px', '580px'] //宽高
                        , btn: ['确定', '取消']
                        , yes: function (index, layero) {
                            //点击确认触发 iframe 内容中的按钮提交
                            var submit = layero.find('iframe').contents().find("#form_save");
                            submit.click();
                        }
                    });
                    return false;
                }
            };
            //监听搜索表单提交
            form.on('submit(search-form)', function (data) {
                return false;
            });

            //===========================================checkbox==================
            table.on('checkbox(main_table)', function(obj){
                //去掉全选功能
                $('.layui-table-header th[data-field="0"] input[type="checkbox"]').next().remove();
console.log(obj);
                if(obj.checked){  //加到购物车

                    var price_num=$(".price_num_"+obj.data.id).val();
                    obj.data.goods_num=price_num;

                    post_data(add_cart_url, obj.data, ''
                        //正确返回时，执行
                        , function () {
                            post_data(cart_all_price_url, obj.data, ''
                                //正确返回时，执行
                                , function (data) {
                                     console.log(data);
                                     $("#all_money").text(data.data);
                                     local.href=local.href;
                                    //reload_data();
                                }
                                //错误返回或其它错误时，执行
                                , function () {
                                });

                            //reload_data();
                        }
                        //错误返回或其它错误时，执行
                        , function () {
                        });

                }else{
                    post_data(clear_cart_url, {id:obj.data.id}, ''
                        //正确返回时，执行
                        , function () {
                            post_data(cart_all_price_url, obj.data, ''
                                //正确返回时，执行
                                , function (data) {
                                    console.log(data);
                                    $("#all_money").text(data.data);
                                    //reload_data();
                                }
                                //错误返回或其它错误时，执行
                                , function () {
                                });
                        }
                        //错误返回或其它错误时，执行
                        , function () {
                        });

                }
                console.log(obj)
            });
            //========================================== 渲染区 ==========================================
            //表单重新渲染，请保存到最后一行
            //渲染表单
            form.render(null, 'search_form');
            //导航栏渲染
            element.render('breadcrumb', 'breadcrumb');
        });

         function input_add(that,goods_id){
             var mount_count = $(that).val();

             post_data(cart_update_url, {num:mount_count,goods_id}, ''
                 //正确返回时，执行
                 , function (data) {
                     $("#all_money").text(data.data);
                     //reload_data();
                 }
                 //错误返回或其它错误时，执行
                 , function () {
                 });
         }

    </script>
@stop
